<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<div id="msg">使用jQuery来实现文字的变大、变色</div>
		<button id="pay">支付宝支付</button>

		<div style="margin: 10px;">
			<input type="checkbox" id="ck" checked="checked"/>红色
			<input type="checkbox" id="ck" />绿色
			<input type="checkbox" id="ck" />蓝色
			<button id="selectAll">全选</button>
			<button id="unSelectAll">取消全选</button>
		</div>


	</body>
	<script>
		$().ready(function() {
			//获取div对象
			//$("#msg").css("font-size",36);
			$("#msg").css("font-size", 36);
			$("#msg").css("color", "red");


			//禁止按钮：html属性：disable  true禁止 false可以点击
			//$("#pay").prop("disabled",true);
			//给按钮动态绑定事件onclick
			$("#pay").click(function() { //onclic没有on，参数是一个匿名函数
				$("#pay").prop("disabled", true);
			});
			
			
			$("#selectAll").click(function(){
				$("[id=ck]").prop("checked",true);
			})
			//实现全选，jQuery选择器[] 过滤出我想要的属性 [id 标签的id=ck]
			
			$("#unSelectAll").click(function(){
				$("[id=ck]").prop("checked",false);
			})
			
			
		})
	</script>
</html>
